<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script type="text/javascript" src="js/jquery2.1.4.min.js"></script>
	</head>
	<body>
		<ul>
			<li class="one">1-31省份新增本土“3297+18187”</li>
			<li>2-31省份新增本土“3297+18187”</li>
			<li>3-31省份新增本土“3297+18187”</li>
			<li>4-31省份新增本土“3297+18187”</li>
			<li>5-31省份新增本土“3297+18187”</li>
		</ul>
		<script type="text/javascript">
			/**
			 * DOM 指原生JS
			 * document.querySelector('.box');
			 * Jquery元素对象 ，本质就是用jquery的顶级对象$/jQuery来包裹的
			 * $('.box');
			 */
		
		
			$(function(){
				//获取所有li
				//console.log($('ul>li'));
				//console.log(document.querySelector('.one'));DOM对象
				//console.log($('.one'));
				//$('ul>li').each(function(){}); jquery元素对象
				$('ul>li').each(function(index,eleDom){
					//索引值
					console.log(index);
					//原生DOM对象
					console.log(eleDom);
				});
			});
		</script>
	</body>
</html>
